<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/person.css">
  <link rel="stylesheet" href="layui/css/layui.css">
</head>

<body>
  <div class="navbar">
    <a href="#" class="layui-icon layui-icon-return" id="back"></a>
  </div>
  <div class="row" >
    <div class="side">
      <h2>个人信息</h2>
      <!-- <h5>我的照片:</h5>
      <div class="fakeimg1" style="height:200px;"><br><br><br><a href="#" style="color: crimson;">插入图像</a></div> -->

      <div class="dw" style="width: 132px; margin-left: 30%; border-radius:50%;">
        <div class="layui-upload-list" >
          <img class="layui-upload-img" id="ID-upload-demo-img" style="width: 100%; height: 132px;border-radius: 50%;border: 10px;border-color: aliceblue;">
          <div id="ID-upload-demo-text"></div>
        </div>
        <!-- <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="filter-demo" style="height: 2px;width: 100px;margin-left: 15px;">
          <div class="layui-progress-bar" lay-percent="" style="height: 2px;width: 100px;" ></div>
        </div> -->
      </div>
      <button type="button" class="layui-btn" id="ID-upload-demo-btn" style="margin-left: 30%;border-radius: 20px;">
        <i class="layui-icon layui-icon-upload"></i> 单图片上传
      </button>
      <hr style="margin: 21px 0;">
       <div style="width:300px;">
      <p>关于我的介绍..</p>
      <h3>更多内容</h3>
      <img src="./img/ooj.png" alt="" style="width: 100px;height: 100px;"><button type="button" class="layui-btn" id="ID-upload-demo-btn" style="margin-left: 30%;border-radius: 20px;">
        <a href="https://js13kgames.com/games/onoff/index.html">点击游玩</a>
      </button>
      <img src="./img/lon.png" alt="" style="width: 100px;height: 100px;"><button type="button" class="layui-btn" id="ID-upload-demo-btn" style="margin-left: 30%;border-radius: 20px;">
        <a href="https://js13kgames.com/games/super-chrono-portal-maker/index.html">点击游玩</a>
      </button>
      <img src="./img/lon1.png" alt="" style="width: 100px;height: 100px;"><button type="button" class="layui-btn" id="ID-upload-demo-btn" style="margin-left: 30%;border-radius: 20px;">
        <a href="https://js13kgames.com/games/offline-paradise/index.html">点击游玩</a>
      </button>
    </div>
      <br><br><br><br><br><br>
      <div id="hitokoto" style="font-size: large;"></div>
    </div>
    <div class="main" style="float:left ;">
      <h2>账户信息</h2>
      
      <div class="fakeimg2" style="height:440px; width: 100%;">
        <from>
          <div id="edit">编辑</div>
          <fieldset>
            <legend align="center"></legend>
            账户：<div id="account" style="width: 40%;display: inline-block;height: 30px;"></div>
            密码：<input type="text" id="password" style="width: 40%;height: 30px;"><button class="button" name=4>Click Me</button>
          </fieldset>
          <fieldset>
            <legend align="center"></legend>
            姓名：<input id="name" type="text" style="width: 40%;height: 30px;">
            性别：<input type="text" id="gender" style="width: 40%;height: 30px;"><button class="button" name=0>Click Me</button>
            <br>
            <br> 电话：<input type="text" id="telephone" style="width: 40%;height: 30px;">
            邮箱：<input type="text" id="email" style="width: 40%;height: 30px;"><button class="button" name=1>Click Me</button>
            <br>
            <br> 地址：<input type="text" id="address" style="width: 40%;height: 30px;">
            邮编：<input type="text" id="postcode" style="width: 40%;height: 30px;"><button class="button" name=2>Click Me</button>
            <br>
            <br> 国家：<input type="text" id="country" style="width: 40%;height: 30px;">
            城市：<input type="text" id="city" style="width: 40%;height: 30px;"><button class="button" name=3>Click Me</button>
          </fieldset>
          <fieldset>
            <legend align="center"></legend>
            签名：
            <br><input type="text" id="words" style="width: 90%;height: 60px;"><button class="button" name=5>Click Me</button>

        </fieldset>

          <div id="cancel">取消</div>
          <div id="logout" style="float: right;">注销</div>
        </from>
      </div>
      <br>

      <h2>猜你喜欢</h2>
      <div class="fakeimg3" style="height: 200px;">
        <div id="chat" style="height: 200px ;width: 45%; float: left; "></div>
        <div id="chat1" style="height: 200px ;width: 45%; float: left;"></div>
      </div>
      
    </div>
  </div>
  <div class="footer"><p style="font-size: small;color: aliceblue">由瑞克芙蓉团队创作</p></div>
</body>

</html>
<script src="layui/layui.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/person.js"></script>